﻿<!-- modal-gallery is the modal dialog used for the image gallery -->
<div id="modal-gallery" class="modal modal-gallery hide fade" tabindex="-1">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">&times;</a>
        <h3 class="modal-title"></h3>
    </div>
    <div class="modal-body"><div class="modal-image"></div></div>
</div>
@*-------NotifyViews nuo �ia---------*@
	<div id="container" style="display:none">
		<div id="default">
			<h1>#{title}</h1>
			<p>#{text}</p>
		</div>
		<div id="withIcon">
			<a class="ui-notify-close ui-notify-cross" >x</a>
			<div style="float:left;margin:0 10px 0 0"><i class="#{icon}"></i></div> @*<img src="#{icon}" alt="warning" />*@
			<h1>#{title}</h1>
			<p>#{text}</p>
		</div>
		<div id="buttons">
			<h1>#{title}</h1>
			<p>#{text}</p>
			<p style="margin-top:10px;text-align:center">
				<input type="button" class="confirm btn" value="Uždaryti" />
			</p>
		</div>
	</div>	
@*			<div id="sticky">
			<a class="ui-notify-close ui-notify-cross" >x</a>
			<h1>#{title}</h1>
			<p>#{text}</p>
		</div>
		<div id="themeroller" class="ui-state-error" style="padding:10px; -moz-box-shadow:0 0 6px #980000; -webkit-box-shadow:0 0 6px #980000; box-shadow:0 0 6px #980000;">
			<a class="ui-notify-close" ><span class="ui-icon ui-icon-close" style="float:right"></span></a>
			<span style="float:left; margin:0 5px 0 0;" class="ui-icon ui-icon-alert"></span>
			<h1>#{title}</h1>
			<p>#{text}</p>
			<p style="text-align:center"><a class="ui-notify-close" >U�daryti</a></p>
		</div>
	<!--- second container -  bottom notifications --->
	<div id="container-bottom" style="display:none; top:auto; left:0; bottom:0; margin:0 0 10px 10px">
		<div>
			<h1>#{title}</h1>
			<p>#{text}</p>
			<p style="margin-top:10px;text-align:center">
				<input type="button" class="confirm" value="Create Another Notification!" />
			</p>
		</div>
		
		<div>
			<h1>#{title}</h1>
			<p>#{text}</p>
		</div>
	</div>
    
	<!--- third container -  bottom-right notifications --->
	<div id="container-bottom-right" style="display:none; top:0; right:360px; margin:10px 10px 0 0">
		<div id="queueing">
			<h1>#{title}</h1>
			<p>#{text}</p>
		</div>   
	</div>   *@ 
